<template>
    <div class="ui-empty">
        <div class="ui-empty__icon"></div>
        <div class="ui-empty__text">{{text}}</div>
    </div>
</template>
<script>
export default {
    name: 'UiEmpty',
    props: {
        text: {
            type: String,
            default: '暂无相关数据'
        }
    }
}
</script>
<style lang="scss">
.ui-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.ui-empty__icon{
    width: 240px;
    height: 160px;
    background: url('./images/empty.svg') no-repeat 50% 50%;
    background-size: 100%;
}
.ui-empty__text{
    color: #bababa;
}
</style>